@import "../../styles/fn";
html{
  overflow-y: scroll;
  min-width:1200px;
}
.vcg_home_main{
  .__body{
    max-width:1200px;
    margin:0 auto;
  }
  .__title{
    padding : 0 10px;
    font-size:18px;
    color: #000;
    margin-bottom:20px;
  }
  .__topHead{
    //height:393px;
    background-color: #FFF;
    padding-top: 10px;
  }
  ._bjtj{
    //padding:10px 0 0px 0;
    background:rgba(255,255,255,1);
    box-shadow: 0px 1px 1px 0px rgba(240,240,240,1);
  }
  ._dytj{
    padding:0px 0 25px 0;
    background:rgba(244,244,244,1);
    .__title{
      background-color: #FFF;
      text-align: center;
      .block-nav {
        display: inline-block;
        background-color: #FFF;
        .nav {
          > li {
            height: 50px;
            line-height: 50px;
            >a{
              height: 50px;
              padding:0;
              margin: 0 18px;
              i{
                display: block;
                margin: -1px auto 0;
                width: 0;
                height: 2px;
                background-color: #000;
                transition: all ease-out 200ms;
                -ms-transition: all ease-out 200ms;
                -moz-transition: all ease-out 200ms;
                -webkit-transition: all ease-out 200ms;
                -o-transition: all ease-out 200ms;
              }
            }
            opacity: .5;
            @include transitionAttr('opacity',300);
            &.active{
              opacity: 1;
              a{
                background-color: #FFF;
                color: #000;
                border-bottom: 2px solid #000;
                i{
                  display: none;
                }
              }
            }
            &:hover{
              opacity: 1;
              a {
                i {
                  width: 100%;
                }
              }
            }
            >i{
              background-color: #000;
              height: 2px;
            }
          }
        }
      }
    }
    span{
      &+span{
        margin-left: 30px;
      }
    }
    ._xgdy{
      display: inline-block;
      float: right;
      color:#757575;
      font-size:14px;
    }
  }
  ._hdtj{
    padding:28px 0 25px 0;
    background:rgba(255,255,255,1);
  }
  .vcg_img_list{

  }
}
@media (max-width: 780px){
  html {
    min-width: inherit;
  }
  .vcg_home_main{
    ._bjtj,._hdtj{
      ul.vcg_img_list{
        white-space: nowrap;
        overflow: auto;
        &.column_5{
          >li{
            display: inline-block;
            width:225px;
            float: none;
          }
        }
      }
    }
  }
}